<template>
  <div>
    <el-container>
      <el-header>Header</el-header>
      <el-main >
        <el-button type="primary" icon="el-icon-platform-eleme" style="float: right;" @click="jumpTo('/index')">维修首页</el-button>
     <div style="margin:0 auto; width:1000px;">
          <p class=" text-center ft-blue ft30" style="color: cornflowerblue;font-size: 30px;margin-left: 180px;">{{notice.noticetitle}}</p>
          <p class="ft-grey9 text-center" style="margin-left: 200px;">{{notice.releasedate}}</p>
        </div>
      <div class="col-md-12 ft16 mar-t30" style="font-size: 20px;margin-top: 50px;margin-right: 20%;">
<p class="ft-grey9 text-center" style="margin-left: 100px;">{{notice.noticecontent}}</p>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
  export default {
    name: "notice_detail",
    data() {
      return {
        notice:{},
      }
    },
    methods: {
      jumpTo(route){
        this.$router.push(route)
      },
    },
    created() {
      // console.log(this.titel)
      console.log(this.$route)
      var titel=this.$route.query.type
      console.log(titel)
      this.$http.get("/repairNotice2/test?titel="+titel).then(resp => {
        console.log(resp)
        this.notice= resp.data.data
        console.log(this.notice)
      })
    }
  }
</script>

<style>
</style>
